<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="java.util.*"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ include file="/WEB-INF/jsp/common/taglib.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>employee_view</title>
<script src="<c:url value="/ui/jquery-1.10.2.js" />"></script>
<script src="<c:url value="/ui/jquery-migrate-1.2.1.js" />"></script>

<link rel="stylesheet" href="<c:url value="/demo/jquery.ui.all.css"/>">
<link href="<s:url value="/css/standard.css" />" rel="stylesheet"
	type="text/css" />
<link href="<s:url value="/css/pop_up.css" />" rel="stylesheet"
	type="text/css" />
<link href="<s:url value="/css/maintenance.css" />" rel="stylesheet"
	type="text/css" />
<link href="<s:url value="/css/Simplemodal.css" />" rel="stylesheet"
	type="text/css" />

<script src='<c:url value="/js/jquery.DynamicMessage.js" />'></script>
<script src='<c:url value="/js/jquery.simplemodal-1.4.1.js" />'></script>

<script src='<c:url value="/js/common.js" />'></script>
<script src='<c:url value="/js/common_ui.js" />'></script>
<script src='<c:url value="/js/poplayer.js" />'></script>
<script src='<c:url value="/js/maint_ui.js" />'></script>
<script src='<c:url value="/js/jquery.form.js" />'></script>

<script src="<c:url value="/ui/jquery.ui.core.js" />"></script>
<script src="<c:url value="/ui/jquery.ui.widget.js" />"></script>
<script src="<c:url value="/ui/jquery.ui.datepicker.js" />"></script>
<script src="<c:url value="/ui/jquery-ui-timepicker-addon.js" />"></script>

<script src="<c:url value="/ui/jquery-ui-slide.min.js" />"></script>
<link rel="stylesheet" href="<c:url value="/demo/demos.css" />">
<link rel="stylesheet" href="<c:url value="/demo/dateTime.css" />">

<script type="text/javascript">
	$(function() {

		$('.example').datetimepicker({
			changeMonth : true,
			changeYear : true
		});

	})
</script>
</head>
<body>

	<hr>
	<form:form method="get" name="viewForm">
		<table width="100%" border="0" cellspacing="0" cellpadding="0"
			class="problemDes">
			<tr>
				<td colspan="2" width="30%">
					<table cellspacing="2" cellpadding="2" border="0" width="100%">
						<tr>

							<td><p style="height: 25px" class="labelText">姓名:&nbsp&nbsp&nbsp${
									employee.name }</p></td>

						</tr>


						<tr>

							<td><p style="height: 25px" class="labelText">性别:&nbsp&nbsp&nbsp${
									employee.grender }</p>
						</tr>
						<tr>

							<td><p style="height: 25px" class="labelText">职务:&nbsp&nbsp&nbsp${
									employee.title }</p></td>
						</tr>
						<tr>

							<td><p style="height: 25px" class="labelText">电话:&nbsp&nbsp&nbsp${
									employee.tel }</p></td>
						</tr>

						<tr>

							<td class="labelText">地址:<textarea rows="6" cols="30"
									readonly="readonly" class="labelText" style="resize: none;">${
									employee.address }</textarea></td>
						</tr>

						<tr>
							<td><p style="height: 25px" class="labelText">
									入职:&nbsp&nbsp
									<fmt:formatDate value='${ employee.induction }'
										pattern="MM/dd/yyyy HH:mm" />
								</p></td>

						</tr>
						<tr>
							<td><p style="height: 25px" class="labelText">
									离职:&nbsp&nbsp
									<fmt:formatDate value='${ employee.departure }'
										pattern="MM/dd/yyyy HH:mm" />
								</p></td>

						</tr>
					</table>
				</td>
				<td><img alt="头像"
					src="<c:url value='/attachment/${employee.attachmentId}/downLoad'/>"
					width="250px" height="250px" id="img"><br> <br></td>
			</tr>
			<tr>
				<td colspan="2" align="center">
					<table>
						<tr>
							<td valign="top" class="buttonRow"><input type="button"
								value=" 返回 " class="button" onclick="comeBack()" /></td>
					</table>
				</td>
			</tr>
		</table>
	</form:form>
	<script type="text/javascript">
		function comeBack() {
			self.location = "<c:url value='/employeeinfo/page'/>"
		}
	</script>

</body>
</html>